/*
 * @Description:
 * @Autor: lcz
 * @Date: 2022-06-16 15:40:22
 * @LastEditors: lcz
 * @LastEditTime: 2022-06-17 14:06:19
 */
import { FC, CSSProperties } from 'react'
import BannerComponent from '../../components/BannerComponent'
// import '../node_modules/antd/dist/antd'
// import './ui/DtAffix.css'

const itemStyle: CSSProperties = {
  height: '400px',
  lineHeight: '400px',
}

const data = [
  {
    url: 'https://bbs-file.jiaxiao.pub/6b28643d6aac4215a29c60a3c36d0cac/carousel/2022/06/14/696590725243994112.png?x-oss-process=image/resize,m_fill,w_1100,h_400,limit_0',
  },
  {
    url: 'https://bbs-file.jiaxiao.pub/6b28643d6aac4215a29c60a3c36d0cac/carousel/2022/05/23/688550933671444480.png?x-oss-process=image/resize,m_fill,w_1100,h_400,limit_0',
  },
]

const Banner: FC = () => {
  const changeBanner = (index: any) => {
    console.log(index)
  }
  return (
    <div>
      <BannerComponent
        onChange={changeBanner}
        dataSource={data}
        itemStyle={itemStyle}
        dotPosition={'bottom'}
        autoplay={true}
        dots={true}
      ></BannerComponent>
    </div>
  )
}

export default Banner
